<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>深圳大学 - 首页</title>
  <!-- 引入外部CSS -->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <!-- 顶部导航栏 -->
  <header class="header">
    <div class="logo">
      <img src="images/szu-logo.png" alt="深圳大学校徽">
    </div>
    <nav class="nav-menu">
      <a href="#" class="nav-item">学校概况</a>
      <a href="#" class="nav-item">院系机构</a>
      <a href="#" class="nav-item">师资队伍</a>
      <a href="#" class="nav-item">教育教学</a>
      <a href="#" class="nav-item">科学研究</a>
      <a href="#" class="nav-item">交流合作</a>
      <a href="#" class="nav-item">招生与就业</a>
      <a href="#" class="nav-item">校园生活</a>
      <a href="#" class="nav-item">角色入口</a>
    </nav>
    <div class="right-actions">
      <button class="lang-btn">En</button>
      <button class="search-btn">搜索</button>
      <button class="menu-btn">☰</button>
    </div>
  </header>

  <!-- 主体内容：深大新闻板块 -->
  <main class="main-content">
    <section class="news-section">
      <!-- 左侧大图新闻 -->
      <div class="news-left">
        <img src="images/news-main.jpg" alt="深圳大学建校40周年庆典">
        <h3 class="news-main-title">深圳大学举行建校40周年庆典，发布未来发展规划</h3>
        <p class="news-desc">2025年11月1日，深圳大学迎来建校40周年华诞，庆典活动在粤海校区元平体育馆举行，海内外校友、师生代表共同见证这一重要时刻...</p>
      </div>

      <!-- 右侧新闻列表（链接到列表页） -->
      <div class="news-right">
        <h2>深大新闻</h2>
        <ul class="news-list">
          <li class="news-item">
            <span class="news-date">09 2025-11</span>
            <a href="detail.html?id=1" class="news-title">深圳大学陈湘生院士领衔技术获国际大奖</a>
          </li>
          <li class="news-item">
            <span class="news-date">07 2025-11</span>
            <a href="detail.html?id=2" class="news-title">深圳大学与中国海关科学技术研究中心签署战略合作协议</a>
          </li>
          <li class="news-item">
            <span class="news-date">07 2025-11</span>
            <a href="detail.html?id=3" class="news-title">深圳大学心理学院召开成立10周年暨学科发展大会</a>
          </li>
          <li class="news-item">
            <span class="news-date">05 2025-11</span>
            <a href="detail.html?id=4" class="news-title">艾伦·麦克法兰教授成了“深大人”，揭秘“深圳之谜”</a>
          </li>
          <li class="news-item">
            <span class="news-date">03 2025-11</span>
            <a href="detail.html?id=5" class="news-title">广东第一！深大青年在挑战杯赛事中荣获佳绩</a>
          </li>
        </ul>
        <a href="list.html" class="more-news">查看更多新闻 →</a>
      </div>
    </section>
  </main>

  <!-- 页脚 -->
  <footer class="footer">
    <div class="footer-content">
      <p>深圳大学 © 2025 版权所有 | 粤ICP备XXXXXXXX号</p>
      <p>地址：深圳市南山区南海大道3688号 | 邮编：518060</p>
    </div>
  </footer>
</body>
</html>